<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyOrder</title>
    <link rel="stylesheet" href="../selectInformation/selectInformation.css">
    <link rel="stylesheet" href="../checkIn/checkIn.css">
    <link rel="stylesheet" href="../myOrder/myOrder.css">
</head>
<body  class="bodyType">
    <div class="title">
        <samp>我的订单</samp>
    </div>
    <div style="width: 1000px;">
        <!-- 未结束订单 -->
        <div class="total">
            <div class="checkInTitel">
                未结束订单
            </div> 
            <hr style="color: #f1f1f1; width: 100%;">
            <div class="userCondition">
                <div class="showInformation">
                    <div style="border:  #f1f1f1 solid 1px;width: 65%;">
                        <table style="padding: 2px;" class="selectTable">
                            <tr>
                                <td>姓名</td>
                                <td>房号</td>
                                <td>入住时间</td>
                                <td>入住天数</td>
                                <td>预付</td>
                                <td>实付</td>
                                <td>应退押金</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 历史订单 -->
        <div class="total">
            <div class="checkInTitel">
                历史订单
            </div> 
            <hr style="color: #f1f1f1; width: 100%;">
            <div class="userCondition">
                <div class="showInformation">
                    <div style="border:  #f1f1f1 solid 1px;width: 65%;">
                        <table style="padding: 2px;" class="selectTable">
                            <tr>
                                <td>姓名</td>
                                <td>房号</td>
                                <td>入住时间</td>
                                <td>入住天数</td>
                                <td>预付</td>
                                <td>实付</td>
                                <td>应退押金</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>